import { Element } from '@craftjs/core';
import React from 'react';

type ContainerProps = {
  children?: React.ReactNode;
};

export const Container: React.FC<ContainerProps> = ({ children }) => {
  return (
    <Element
      id="container"
      is={'div'}
      style={{
        height: 'calc(100% - 52px)',
        padding: 20,
        boxSizing: 'border-box',
        overflow: 'auto',
      }}
      canvas
    >
      {children}
    </Element>
  );
};
